<template>
  <div class="height100 ls-flexV ls-flex-unShrink" style="padding: 5em;box-sizing: border-box">
    <div class="ls-text-line">面板是否可见：{{ visible }}</div>
    <div>
      <el-button @click="openDialog">打开弹窗</el-button>
    </div>
    <div class="ls-flexItem-growV ls-flex">
      <div style="width: 200px;background-color: #a4da89"></div>
      <div style="flex-grow: 1" class="ls-abs-outer">
        <LsDialog v-model="visible" titleText="新增" show-full-screen>
          弹窗内容
          <el-input></el-input>
        </LsDialog>
      </div>
    </div>
  </div>
</template>

<script>
import LsDialog from "./LsDialog.vue";

export default {
  name: "LsDialogOpenTest",
  components: {LsDialog},
  data() {
    return {
      visible: false,
    }
  },
  methods: {
    openDialog() {
      this.visible = true;
    }
  }
}
</script>

<style>

</style>
